<div class="zlyt-image-loader" (drop)="handlerFileDorp($event)" (dragover)="handleFileDragover($event)">
  <div class="zlyt-image-loader-tooltip" *ngIf="isEmpty;else ImgPreviewTemp">
    <div class="zlyt-icon-wrapper">
      <mat-icon class="zlyt-image-loader-icon" svgIcon="image-icon" aria-hidden="false" aria-label="image loader icon">
      </mat-icon>
    </div>
    <span class="zlyt-loader-info">拖拽 & 放置</span><br>
    <span class="zlyt-loader-sub-info">一张图片或者
      <button mat-button color="primary" aria-label="select image from file">
        <label class="zlyt-btn-label">从文件夹选择
          <input type="file" style="display: none;" accept="image/*">
        </label>
      </button>
    </span>
  </div>
<ng-template #ImgPreviewTemp>
  <img class="zlyt-image-preview" [src]="imageUrl">
</ng-template>
</div>

